﻿@{
    ViewBag.Title = "固定资产出库单编辑";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


<style>
    body {
        margin: 0;
    }

    .style11 {
        height: 32px;
        line-height: 32px;
        text-align: left;
        vertical-align: middle;
        /*font-weight: bold;*/
    }

    textarea {
        margin: 0;
        border: 1px solid #95B8E7;
        border-radius: 5px;
    }
</style>
<script src="~/Content/layer-v3.1.1/layer/layer.js"></script>
<script>
    $(function () {
        //加载combobox列表
        loadComboboxData();
        //页面数据初始化
        pageInit();

        //监控保存/新增按钮的点击事件
        $("#btnSave").on("click", function () {
            submitForm();
        })

        ////监控清空按钮的点击事件
        //$("#btnClear").on("click", function () {
        //    clearForm();
        //})

    })


    //函数：页面数据初始化
    function pageInit() {
        //获取页面传递参数
        var state = '@ViewBag.State';
        var code = '@ViewBag.Code';

        //若为新增页
        if (state == "new") {
            //更改保存按钮文本
            $("#btnSave").linkbutton({
                text: "新增"
            });
            $("#dt_ChuKuShiJian").datebox("setValue", $.GetToday3());//新增状态时自动填充当前日期为出库日期
        }
        //若为编辑页或详情页
        if (state == "edit" || state == "view") {
            $(".typeInfo").hide();//因为编辑或详情时，资产只读，所以隐藏分类选择行

            $.ajax({
                url: '@Url.Content("~/FixedAssets/FIXEDAssetsDelivery/GetDeliveryData")' + "?timestamp=" + new Date().getTime(), ///url添加时间戳后缀,解决IE浏览器中Get请求方式有缓存问题
                data: {
                    Code: code
                },
                success: function (data) {
                    if (!data) {
                        return false;
                    }
                    console.log(data);
                    //赋值
                    $("#txt_BianMa").val(data.BianMa);
                    $("#cmb_Asset").combogrid("setValue", data.ZiChanBianMa);                               //资产编码
                    $("#dt_ChuKuShiJian").datebox("setValue", $.formatDate(data.ChuKuShiJian));             //出库时间
                    //$("#cmb_ChuKuCangKu").combotree("setValue", data.ChuKuCangKuBianMa);                    //出库仓库
                    //$("#cmb_RuKuCangKu").combotree("setValue", data.RuKuCangKuBianMa);                      //入库仓库
                    $("#cmb_ChuKuCangKu").combotree({
                        onLoadSuccess: function () {
                            $("#cmb_ChuKuCangKu").combotree("setValue", data.ChuKuCangKuBianMa);
                            //若为详情页
                            if (state == "view") {
                                //只读
                                $("#cmb_ChuKuCangKu").combotree("readonly");
                            }
                        }
                    });                    //出库仓库
                    $("#cmb_RuKuCangKu").combotree({
                        onLoadSuccess: function () {
                            $("#cmb_RuKuCangKu").combotree("setValue", data.RuKuCangKuBianMa);
                            //若为详情页
                            if (state == "view") {
                                //只读
                                $("#cmb_RuKuCangKu").combotree("readonly");
                            }
                        }
                    });                     //入库仓库
                    $("#txt_ChuKuRen").textbox("setValue", data.ChuKuRen);                                  //出库人
                    $("#txt_LingYongRen").textbox("setValue", data.LingYongRen);                            //领用人
                    $("#txt_ChuKuCunFangDian").textbox("setValue", data.ChuKuCunFangDian);                  //出库存放点
                    $("#txt_RuKuCunFangDian").textbox("setValue", data.RuKuCunFangDian);                    //入库存放点
                    $("#txt_ChuKuChePaiHaoMa").textbox("setValue", data.ChuKuChePaiHaoMa);                  //出库车牌号码
                    $("#txt_RuKuChePaiHaoMa").textbox("setValue", data.RuKuChePaiHaoMa);                    //入库车牌号码
                    $("#txt_BeiZhu").textbox("setValue", data.BeiZhu);                                      //备注

                    //因为组合网格setValue时不会触发select事件，所以手动执行一次select事件回调函数
                    InitMaterialData(data.ZiChanBianMa);

                }
            });
        }

        //若为编辑页
        if (state == "edit") {
            $("#cmb_Asset").combogrid("readonly"); //编辑页 资产不可再次编辑
        }

        //若为详情页
        if (state == "view") {
            //隐藏按钮
            $(".btnRow").hide();
            //所有输入只读
            $(".easyui-combotree").combotree("readonly");
            $(".easyui-textbox").textbox("readonly");
            $(".easyui-combogrid").combogrid("readonly");
            $(".easyui-datebox").datebox("readonly");

            //显示资产基本信息
            $(".assetInfo").show();
        }
    }

    //加载easyui combobox选择列表数据
    function loadComboboxData() {
        //固定资产分类
        $('#cmb_AssetType').combotree({
            url: '@Url.Content("~/FixedAssets/FixedAssetsDictionary/GetActiveAssetsTypeTree")',
            prompt: '--请选择--',
            onSelect: function (rec) {
                if (rec.id == "") {
                    return;
                }
                //根据分类取对应资产流水
                var urlstr2 = '@Url.Content("~/FixedAssets/FixedAssetsDictionary/GetAssetListNotScrapByType?typeId=")' + rec.id;
                $("#cmb_Asset").combogrid({
                    prompt: '--请选择--',
                    panelWidth: 600,
                    idField: 'BianMa',
                    textField: 'ZiChanMingCheng',
                    url: urlstr2,
                    editable: false,
                    columns: [[
                         { field: 'GuDingZiChanBianMa', title: '资产编号', width: 120, align: 'center' },
                         { field: 'ZiChanMingCheng', title: '资产名称', width: 120, align: 'center' },
                         { field: 'PinPai', title: '品牌', width: 50, align: 'center' },
                         { field: 'XingHao', title: '型号', width: 50, align: 'center' },
                         { field: 'GuiGe', title: '规格', width: 50 },
                         { field: 'ZhuJiXuLieHao', title: '主机序列号', width: 120, align: 'center' },
                         { field: 'DanWei', title: '单位', width: 80, sortable: false, hidden: true },
                         { field: 'DanJia', title: '单价', width: 90, sortable: false }
                    ]],
                    fitColumns: true,
                    onLoadSuccess: function (data) {
                        console.log(data);
                    }
                });

            }
        });


        //取所有固定资产流水
        var urlstr1 = '@Url.Content("~/FixedAssets/FixedAssetsDictionary/GetAssetListNotScrap")';
        $("#cmb_Asset").combogrid({
            prompt: '--请选择--',
            panelWidth: 600,
            idField: 'BianMa',
            textField: 'ZiChanMingCheng',
            url: urlstr1,
            editable: false,
            columns: [[
                  { field: 'GuDingZiChanBianMa', title: '资产编号', width: 120, align: 'center' },
                  { field: 'ZiChanMingCheng', title: '资产名称', width: 120, align: 'center' },
                  { field: 'PinPai', title: '品牌', width: 50, align: 'center' },
                  { field: 'XingHao', title: '型号', width: 50, align: 'center' },
                  { field: 'GuiGe', title: '规格', width: 50 },
                  { field: 'ZhuJiXuLieHao', title: '主机序列号', width: 120, align: 'center' },
                  { field: 'DanWei', title: '单位', width: 80, sortable: false, hidden: true },
                  { field: 'DanJia', title: '单价', width: 90, sortable: false }
            ]],
            fitColumns: true,
        });

        //出库仓库
        $('#cmb_ChuKuCangKu').combotree({
            url: '@Url.Content("~/FixedAssets/FixedAssetsStorage/GetActiveAssetsStorageTree")',
            prompt: '--请选择--',
        });
        //入库仓库
        $('#cmb_RuKuCangKu').combotree({
            url: '@Url.Content("~/FixedAssets/FixedAssetsStorage/GetActiveAssetsStorageTree")',
            prompt: '--请选择--',
        });

        //资产选择时获取资产对应基本信息并赋值到对应文本框
        $("#cmb_Asset").combogrid({
            onSelect: function (rowIndex, rowData) {
                var assetId = $("#cmb_Asset").combogrid("getValue");
                console.log(assetId);
                InitMaterialData(assetId); //资产基本信息获取并赋值

            }
        });

    }

    //函数：提交表单数据
    function submitForm() {
        var state = '@ViewBag.State'; //获取当前页state，作为额外参数提交
        $('#InfoForm').form('submit', {
            url: '@Url.Content("~/FixedAssets/FIXEDAssetsDelivery/SaveEditPageData")',
            queryParams: {
                state: state
            },
            onSubmit: function () {
                return $(this).form('validate');
            },
            success: function (data) {
                var data = JSON.parse(data);
                if (data == "更新成功") {
                    parent.hideLayerPage();
                }
                else if (data == "新增成功") {
                    parent.reload();
                }
                else {
                    layer.alert(data, function (index) {
                        layer.close(index);
                    })
                }
            }
        });
    }

    ////函数：清除表单数据
    //function clearForm() {
    //    layer.confirm("确认要清空表单输入嘛？", {
    //        btn: ['确定', '取消'] //按钮
    //    }, function (index) {
    //        layer.close(index);
    //        $("#InfoForm").form("clear"); //调用easyui form clear方法

    //        //清空表单输入时重设默认值
    //        //...

    //    });
    //}

    //资产基本信息获取及赋值---根据资产编码
    function InitMaterialData(code) {
        $.ajax({
            url: '@Url.Content("~/FixedAssets/FIXEDAssetsDelivery/GetMaterialData")',
            type: "POST",
            data: {
                Code: code
            },
            success: function (data) {
                console.log(data);
                //获取页面传递参数
                var state = '@ViewBag.State';

                ////赋值
                if (state == "new") {  //编辑/详情页时以出库单中的数据来进行赋值
                    $("#cmb_ChuKuCangKu").combotree("setValue", data.DangQianCangKuBianMa); //当前仓库为出库仓库
                    $("#txt_ChuKuCunFangDian").textbox("setValue", data.DangQianCunFangDian);//当前存放点为出库存放点
                    $("#txt_ChuKuChePaiHaoMa").textbox("setValue", data.DangQianChePaiHaoMa);  //当前车牌号码为出库车牌号码
                }

                //基本信息
                $("#txt_AssetCode").textbox("setValue", data.GuDingZiChanBianMa); //固定资产编号
                $("#txt_ZhuJiXuLieHao").textbox("setValue", data.ZhuJiXuLieHao); //主机序列号
                $("#txt_PinPai").textbox("setValue", data.PinPai);  //品牌
                $("#txt_XingHao").textbox("setValue", data.XingHao);    //型号
                $("#txt_GuiGe").textbox("setValue", data.GuiGe);        //规格
                $("#txt_DanWei").textbox("setValue", data.DanWei);      //单位
                $("#txt_ShuLiang").textbox("setValue", data.ShuLiang);  //数量
                $("#txt_DanJia").textbox("setValue", data.DanJia);      //单价
                $("#txt_GuanLiBuMen").textbox("setValue", data.ZiChanGuanLiBuMen);  //资产管理部门/设备管理科室
            }
        })
    }
</script>
<div id="InfoFormBox" class="easyui-layout" style="width:auto; height: auto; margin-left: auto; margin-right: auto">
    <div style="padding:10px 40px 20px 40px">
        <p class="style11">
            <img align="bottom" src="~/Images/main/icon018a1.gif" width="20" height="20" style="vertical-align: middle;" />
            固定资产出库单
        </p>
        <form id="InfoForm" method="post" enctype="multipart/form-data" name="StationForm">
            <table cellpadding="5" style="width:100%; height:100%; margin-top:10px; margin-bottom:10px;" cellspacing="0">
                <tr>
                    <td colspan="4">
                        <input type="hidden" name="BianMa" id="txt_BianMa" />
                    </td>
                </tr>
                <tr style="background-color: #F0F0F0;" class="typeInfo">
                    <td align="left" valign="middle" style="width:15%">分类：</td>
                    <td align="left" valign="middle" style="width:35%">
                        <input id="cmb_AssetType" class="easyui-combotree" style="width:200px;" />
                    </td>
                    <td align="left" valign="middle" style="width:15%">&nbsp;</td>
                    <td align="left" valign="middle" style="width:35%">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="left" valign="middle">资产：</td>
                    <td align="left" valign="middle" colspan="3">
                        <input type="text" id="cmb_Asset" name="ZiChanBianMa" class="easyui-combogrid" style="width: 200px;" data-options="required:true" />
                    </td>
                </tr>
                <tr style="background-color: #F0F0F0;">
                    <td align="left" valign="middle">出库日期：</td>
                    <td align="left" valign="middle" colspan="3">
                        <input class="easyui-datebox" type="text" name="ChuKuShiJian" id="dt_ChuKuShiJian" data-options="required:true" style="width:200px;">
                    </td>

                </tr>
                <tr>
                    <td align="left" valign="middle">出库仓库：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-combotree" type="text" name="ChuKuCangKuBianMa" id="cmb_ChuKuCangKu" data-options="required:true" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">入库仓库：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-combotree" type="text" name="RuKuCangKuBianMa" id="cmb_RuKuCangKu" data-options="required:true" style="width:200px;">
                    </td>
                </tr>
                <tr style="background-color: #F0F0F0;">
                    <td align="left" valign="middle">领用经办人(出库人)：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" name="ChuKuRen" id="txt_ChuKuRen" data-options="required:true" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">领用人：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" name="LingYongRen" id="txt_LingYongRen" data-options="required:true" style="width:200px;">
                    </td>
                </tr>
                <tr>
                    <td align="left" valign="middle">出库存放点：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" name="ChuKuCunFangDian" id="txt_ChuKuCunFangDian" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">入库存放点：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" name="RuKuCunFangDian" id="txt_RuKuCunFangDian" style="width:200px;">
                    </td>
                </tr>
                <tr style="background-color: #F0F0F0;">
                    <td align="left" valign="middle">出库车牌号码：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" name="ChuKuChePaiHaoMa" id="txt_ChuKuChePaiHaoMa" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">入库车牌号码：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" name="RuKuChePaiHaoMa" id="txt_RuKuChePaiHaoMa" style="width:200px;">
                    </td>
                </tr>
                <tr>
                    <td align="left" valign="middle">备注：</td>
                    <td align="left" valign="middle" colspan="3">
                        <input class="easyui-textbox" type="text" name="BeiZhu" id="txt_BeiZhu" data-options="multiline:true,validType:'length[0,200]'" style="width:80%;height:50px;">
                        <span style="font-size:13px;color:#999;">不超过200字</span>
                    </td>
                </tr>
                <!--固定资产基本信息-->
                <tr class="assetInfo" style="background-color: #F0F0F0;">
                    <td align="left" valign="middle">固定资产编号：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_AssetCode" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">主机序列号：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_ZhuJiXuLieHao" style="width:200px;">
                    </td>
                </tr>
                <tr class="assetInfo">
                    <td align="left" valign="middle">品牌：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_PinPai" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">型号：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_XingHao" style="width:200px;">
                    </td>
                </tr>
                <tr class="assetInfo" style="background-color: #F0F0F0;">
                    <td align="left" valign="middle">规格：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_GuiGe" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">单位：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_DanWei" style="width:200px;">
                    </td>

                </tr>
                <tr class="assetInfo">
                    <td align="left" valign="middle">数量：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-textbox" type="text" id="txt_ShuLiang" style="width:200px;">
                    </td>
                    <td align="left" valign="middle">单价（元）：</td>
                    <td align="left" valign="middle">
                        <input class="easyui-numberbox" id="txt_DanJia" data-options="min:0,precision:2" style="width:200px;">
                    </td>
                </tr>
                <tr class="assetInfo" style="background-color: #F0F0F0;">
                    <td align="left" valign="middle">设备管理科室：</td>
                    <td align="left" valign="middle" colspan="3">
                        <input class="easyui-textbox" type="text" id="txt_GuanLiBuMen" style="width:200px;">
                    </td>
                </tr>

            </table>
        </form>
        <div style="text-align:center;padding:5px" class="btnRow">
            <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" id="btnSave">保存</a>
           @* <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-clear'" id="btnClear">清空</a>*@
        </div>
    </div>
</div>

<style>
    .assetInfo {
        display: none;
    }
</style>


